<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vforobjnest</title>
    <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>
</head>
<body>
    <div id="app">
        <ul>
<!--
(v,k,i) 分别代表 value key index, 这个顺序是固定的，不可变的，分别是每个属性的值，每个属性的name,每个属性的索引。
-->
            <li v-for="student in students">
                <span v-for="(v,k,i) in student">
                    {{i}}---{{k}}---{{v}}<br>
                </span>
            </li>
        </ul>
    </div>
</body>
<script>
    new Vue({
        el: "#app",
        data: {
            students: [
                {
                    name: "zhangsan",
                    age: 18,
                    address: "见春路99号阳光大道04号"
                },
                {
                    name: "李四",
                    age: 88,
                    address: "飞雪路87号滑冰巷67号"
                },
                {
                    name: "王五",
                    age: 45,
                    address: "谷峪路77号降雨路33号"
                }
            ]
        }
    });
</script>
</html>